:root {
    /* 容器颜色 */
    --nbox1: rgb(255 255 255 / 12%);
    --nbox3: rgb(255 255 255 / 12%);
    /* 字体颜色 */
    --c1: #63e2b7;
    --c2: #92ca80;
    --c3: rgba(255, 255, 255, 0.45);
    --c4: rgba(255, 255, 255, 0.9);
    --c5: rgba(255, 255, 255, 0.6);
    --c6: rgba(255, 255, 255, 0.75);
    /* 按钮颜色 */
    --btn1: #6d788b;
    --btn2: #444D52;
    /* 字体大小 */
    --f10: 10px;
    --f12: 12px;
    --f14: 14px;
    --f16: 16px;
    /* 间距 */
    --g0: 4px;
    --g1: 8px;
    --g2: 12px;
    --g3: 16px;
    --g4: 20px;
    --g5: 24px;
    --pd1: 8px;
    --pd2: 12px;
    --pd1b: 12px;
    --mg1:5px;
    --mg2:10px;
    /* 背景颜色 */
    --gamebg1: #323A59;
    --gamebg2: #292E42;
    --bg2: #444D52;
    --bg3: rgba(255, 255, 255, 0.2);
    --bg4: rgba(108, 116, 146, 0.3);
    --bg5: rgb(49 101 126 / 50%);
    --bd1: solid 1px rgba(255, 255, 255, 0.2);
    --nav-min-width: 10em;

    --nbg3:var(--bg5);
    --tips3:var(--bg5);

    --avavw: 10vw;
    --ava1: 1em;
    --ava2: 3em;
    --ava3: 3.5em;
    
}

.n-input{
    background-color : var(--bg5)!important;
}
.n-base-selection .n-base-selection-label{
    background-color : var(--bg5)!important;
}

.v1_body{
    --text-primary: var(--c4);
}
.dljjc_box3_x{
    background-color: var(--ml-bodybg);
    backdrop-filter: blur(calc(var(--ml-boxmbl) * 1px));
}
.v1_body{
    font-family: var(--ml-family);
}

.bgimg{
    display: var(--ml-nonebg);
}

.bgimg3{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    filter: brightness(0.65);
    
    background-image: var(--ml-bgurl);
}

@media (max-width:428px) {
    :root {
        --g1: 2vw;
        --g2: 2.5vw;
    }
}

.pdl1{
    padding-left: var(--mg1);
}


.vanmenu {
    --van-tabbar-item-active-color:var(--c4);
    --van-border-width:0px;
    --van-tabbar-item-text-color: var(--c4);
    --van-tabbar-background: var(--bg5);
    --van-tabbar-item-active-background: none;
    --van-tabbar-item-icon-size:12px;
    --van-tabbar-item-icon-margin-bottom:1px;
    --van-tabbar-item-font-size:11px!important;
    --van-tab-active-text-color:var(--c4);
    --van-tab-font-size:12px;
    --van-tab-text-color:var(--c4);
    --van-tabs-nav-background:var(--bg5);
    --van-font-bold:normal;
    --van-padding-sm:3px;
}

.vanmenu .van-tabbar-item{
    flex-direction: row-reverse;
}

.txc {
    text-align: center;
}

.tsd {
    text-shadow: 0 0 3px #000;
}

.tsd2 {
    text-shadow: 0 0 5px #000;
}

.shadow {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.55);
}

.box {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.n-layout-header {
    z-index: 1;
}

.n-tabs-nav__suffix {
    padding-left: 3px !important;
    padding-right: 3px !important;
    background-color: rgba(255, 255, 255, 0.1);
    border-left: solid 2px rgba(0, 0, 0, 0.2);
    text-shadow: 0 0 3px #000;
}

.htitle {
    font-size: 1.15em;
    color: var(--base-font-hover-color);
    text-shadow: 0 0 3px #000;
}


.pt0{
    padding-top: 0 !important;
}

.pb0{
    padding-bottom: 0 !important;
}


.flex {
    display: flex;
}

.flexc {
    align-items: center;
}

.gap {
    display: grid;
}



.dfc {
    display: flex;
    justify-content: space-between;
    align-items: center
}


.psr{
    position: relative;
}

.pd1 {
    padding: var(--g1);
}

.pd2 {
    padding: var(--g2);
}

.pd3 {
    padding: var(--g3);
}

.bg1 {
    background-color: var(--bg1);
}

.bg2 {
    background-color: var(--bg2);
}

.bg3 {
    background-color: var(--bg3);
}

.bg4 {
    background-color: var(--bg4);
}

.bg5 {
    background-color: var(--bg5);
}

.gap1,
.g8 {
    gap: var(--g1);
}

.gap2,
.g12 {
    gap: var(--g2);
}

.gap3,
.g16 {
    gap: var(--g3);
}

.gamebg1 {
    background-color: var(--gamebg1);
}

.gamebg2 {
    background-color: var(--gamebg2);
}

.bg1 {
    background-color: var(--bg1);
}

.bg2 {
    background-color: var(--bg2);
}

.bg3 {
    background-color: var(--bg3);
}

.nbg3{
    background-color: var(--bg5);
}

.bg4 {
    background-color: var(--bg4);
}

.br1 {
    border-radius: var(--g0);
}

.br2 {
    border-radius: var(--g1);
}

.c1 {
    color: var(--c1);
}

.c2 {
    color: var(--c2);
}

.c3 {
    color: var(--c3);
}

.c4 {
    color: var(--c4);
}

.c5 {
    color: var(--c5);
}

.c6 {
    color: var(--c6);
}
.gaplist2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.tips3{
    background-color: var(--tips3);
}
.nopd .pd3{
    padding: 0 !important;
}